<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>多条件</title>
    <link rel="stylesheet" href="css/css_16_多条件筛选.css"/>
</head>

<body>

<!--头部盒子-->
<div class="w">

    <!--logo-->
    <div id="logo-2014">
        <a href="" class="logo">京东</a>
    </div>

    <!--搜索框大盒子-->
    <div class="search-2014">
        <ul class="hide shelper"></ul>
        <div class="form">
            <input type="text" id="key" class="text blurcolor"/>
            <button class="button cw-icon">
                <i></i>
                搜索
            </button>
        </div>
    </div>

    <!--右边购物车-->
    <div class="settleup-2014 dorpdown">
        <div class="cw-icon">
            <i class="iconfont">车</i>
            <i class="iconfont arrow">车</i>
            <i class="ci-count shopping-amount">28</i>
            <a href="" target="_blank">我的购物车</a>
        </div>
    </div>


</div>

<!--多选择大div-->
<div class="J_searchWrap w">
<div class="J_container container">
<div class="J_selector selector">
<div class="J_selectorLine s-brand">
    <div class="s1-warp">
        <div class="s1-key">
            <strong>品牌：</strong>
        </div>
        <div class="s1-value">
            <div class="s1-v-logos">
                <ul class="J_valueList v-fixed">
                    <li class="brand-18374">
                        <a href="" class="choice">
                            <img src="images/Xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>
                    <li class="brand-18374">
                        <a href="">
                            <i></i>
                            <img src="images/xiaomi.png"/>
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>

<div class="J_selectorLine s-line">
    <div class="s1-wrap">
        <div class="s1-key">
            <strong>机身存储：</strong>
        </div>
        <div class="s1-value">
            <div class="s1-v-list">
                <ul class="J_valueList">
                    <li>
                        <a href="" class="choice">
                            <i></i>
                            8GB以下
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            16GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            32GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            64GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            128GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            256GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            512GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            其他
                        </a>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>

<div class="J_selectorLine s-line">
    <div class="s1-wrap">
        <div class="s1-key">
            <strong>屏幕尺寸：</strong>
        </div>
        <div class="s1-value">
            <div class="s1-v-list">
                <ul class="J_valueList">
                    <li>
                        <a href="" class="choice">
                            <i></i>
                            6.95英寸以上
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6.0 ~ 6.24英寸
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6.85 ~ 6.94英寸
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6.75 ~ 6.84英寸
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6.65 ~ 6.74英寸
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6.55 ~ 6.64英寸
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6.45 ~ 6.54英寸
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6.35 ~ 6.44英寸
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6.25 ~ 6.34英寸
                        </a>
                    </li>

                </ul>
            </div>
        </div>
    </div>
</div>

<div class="J_selectorLine s-line">
    <div class="s1-warp">
        <div class="s1-key">
            <strong>运行内存：</strong>
        </div>
        <div class="s1-value">
            <div class="s1-v-list">
                <ul class="J_valueList">
                    <li>
                        <a href="" class="choice">
                            <i></i>
                            18GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            16GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            12GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            8GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            6GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            4GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            3GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            2GB
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            2GB以下
                        </a>
                    </li>
                    <li>
                        <a href="" class="notchoice">
                            <i></i>
                            其他
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

</div>

</div>

</div>

</body>

</html>